<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <title>点餐系统 人机交互</title>
  <link href="../css/style1.css"  rel="stylesheet"  media="screen"  type="text/css">
  <link rel="stylesheet" href="../css/reset.css">
  <link rel="stylesheet" href="../css/carts.css">
  <script src="../js/jquery.min.js"></script>
  <script src="../js/jquery.dialog.js"></script>
  <script src="../js/carts.js"></script>
  <script src="../js/universial.js"></script>
  <style type="text/css">a {text-decoration: none}</style>
</head>
<div>
    <div  class="nav_bg">
        <div class="wrap"> 
            <ul id="nav" class="nav clearfix">
                <li class="nLi" style="font-size: 30px;">
                    <h3 class="e"><a  href="#" style="font-size: 23px;">中工书城</a></h3>
                </li>
                <li class="nLi">
                  <h3 class="d"><a  href="./index.html">首页</a></h3>
                </li>
                <li class="nLi ">
                  <h3 class="d"><a href="myorder.html">我的订单</a></h3>
                  
                </li>
          
                <li class="nLi ">
                  <h3 class="d"><a href="order-statistic.html">订单统计</a></h3>
                </li>
            </ul>
        </div>
    </div>
    
    <div class="left" >
            <ul class="leftborder">
    

              <li class="border1">
                <a href="myorder.html">
                    <img src='../images/dingdan.png' width=14 height=14 />
                    <span class="outer">  我的订单</span>
                    <br>
                    <br>
                    <span class="inner">近三个月的订单</span>
                    
                </a>
            </li>
            <li class="border2clicked">
                <a href="./today.html">
                    <img src='../images/remaicaipin.png' width=14 height=14 />
                    <span class="outer">教材列表</span>
                    
                </a>
            </li>
            <!--<li class="border3">
                <a href="./recommend.html">
                    <img src='../images/tuijian.png' width=14 height=14 />
                    <span class="outer">推荐菜品</span>
                </a>
            </li>
            <li class="border4">
                <a href="./hot.html">
                    <img src='../images/menu.png' width=14 height=14 />
                    <span class="outer">热卖菜品</span>
                </a>
            </li>-->
            <li class="border5">
                    <a href="./selected.html">
                        <img src='../images/today.png' width=14 height=14 />
                        <span class="outer">我的购物车</span>
                        
                    </a>
            </li>
                
                         
            </ul>
    </div>
  
</div>
<p style="font-size: 16px;  position: absolute; top:8.9%; left:48.5%;text-align: center;"><b>今日菜品</b></p>
<div class="projects">
    <!-- <br>
    <p style="font-size: 15px; height: 30px;width:300px;background-color: silver;padding: 0 0 0 20px;text-align: center;" >今日菜品</p> -->
    <ul class="rightborder">
        <!-- <p style="font-size: 16px;  background-color: rgb(251, 255, 0);text-align: center;">当天菜品</p> -->
        <li class="instruct">
          <span style="padding:0px 65px 0 40px;position: relative ;top:25%;"><b>图书图片</b> </span>
          <span style="padding:0px 100px 0 0;position: relative ;top:25%;"><b>图书名称</b> </span>
          <span style="padding:0px 110px 0 0;position: relative ;top:25%;"><b>图书简介</b> </span>
          <span style="padding:0px 70px 0 30px;position: relative ;top:25%;"><b>图书金额（单点）</b> </span>
          <span style="padding:0px 100px 0 0;position: relative ;top:25%;"><b>图书评价</b> </span>
          <span style="padding:0px 0px 0 0;position: relative ;top:25%;"><b>操作</b></span>
        </li>
        <div class="cont">
        <li class="dishes" id="first">
            <img src='../images/cyuyan.jpg' width=136px height=80px />
            <span id="one">C语言 </span>          
            <span id="two">作者：张三；出版社：北京大学出版社</span>
            <span id="three">14(元) </span>
            <span id="four">9星</span>
            <span id="five">
                <button class="inn" id="order1">点餐</button>
                
            </span>
            <span id="six">
                    <button class="inn" id="evaluate1">菜品评价</button>
            </span>
            
        </li>
        <li class="dishes" id="second">
                <img src='../images/java.jpg' width=136px height=80px />
                <span id="one">Java </span>              
                <span id="two">作者：李四；出版社：清华大学出版社</span>
                <span id="three">88(元) </span>
                <span id="four">8星</span>
                <span id="five">
                        <button class="inn" id="order2">点餐</button>
                        
                    </span>
                <span id="six">
                    <button class="inn" id="evaluate2">菜品评价</button>
                </span>
                
            </li>
            <li class="dishes" id="third">
                    <img src='../images/sjjg.jpg' width=136px height=80px />
                    <span id="one">数据结构</span>                  
                    <span id="two">作者：王五；出版社：北京大学出版社</span>
                    <span id="three">15(元) </span>
                    <span id="four">8星</span>
                    <span id="five">
                            <button class="inn" id="order3">点餐</button>
                            
                    </span>
                    <span id="six">
                            <button class="inn" id="evaluate3">菜品评价</button>
                    </span>
                    
                </li>
                <li class="dishes" id="fourth">
                        <img src='../images/javaee.jpg' width=136px height=80px />
                        <span id="one">javaee </span>                       
                        <span id="two">作者：赵六；出版社：哈尔滨出版社</span>
                        <span id="three">13(元) </span>
                        <span id="four">8星</span>
                        <span id="five">
                                <button class="inn" id="order4">点餐</button>
                                
                            </span>
                        <span id="six">
                                <button class="inn" id="evaluate4">菜品评价</button>
                        </span>
                        
                    </li>
                    <li class="dishes" id="fifth">
                            <img src='../images/jsjwl.jpg' width=136px height=80px />
                            <span id="one">计算机网络</span>                           
                            <span id="two">作者：赵磊；出版社：北京大学出版社</span>
                            <span id="three">18(元) </span>
                            <span id="four">9星</span>
                            <span id="five">
                                    <button class="inn" id="order5">点餐</button>
                                    
                            </span>
                            <span id="six">
                                <button class="inn" id="evaluate5">菜品评价</button>
                            </span>
                            
                        </li>
                        <li class="dishes" id="sixth">
                                <img src='../images/jsjzcyl.png' width=136px height=80px />
                                <span id="one">计算机组成原理 </span>                               
                                <span id="two">作者：李浩；出版社：清华大学出版社</span>
                                <span id="three">11(元) </span>
                                <span id="four">9星</span>
                                <span id="five">
                                        <button class="inn" id="order6">点餐</button>
                                        
                                    </span>
                                    <span id="six">
                                            <button class="inn" id="evaluate6">菜品评价</button>
                                    </span>
                                
                            </li>
                            <li class="dishes" id="seventh">
                                    <img src='../images/mkszyjbyl.jpg' width=136px height=80px />
                                    <span id="one">马克思主义基本原理</span>                                 
                                    <span id="two">作者：王二；出版社：山东大学出版社</span>
                                    <span id="three">13(元) </span>
                                    <span id="four">8星</span>
                                    <span id="five">
                                            <button class="inn" id="order7">点餐</button>
                                            
                                        </span>
                                        <span id="six">
                                                <button class="inn" id="evaluate7">菜品评价</button>
                                        </span>
                                    
                                </li>
                            
                            <li class="dishes" id="eighth">
                                <img src='../images/gdsxsc.jpg' width=136px height=80px />
                                <span id="one">高等数学上册</span>                              
                                <span id="two">作者：刘芳；出版社：山东大学出版社</span>
                                <span id="three">9(元)</span>
                                <span id="four">8星</span>
                                <span id="five">
                                        <button class="inn" id="order8">点餐</button>
                                        
                                    </span>
                                    <span id="six">
                                            <button class="inn" id="evaluate8">菜品评价</button>
                                    </span>
                                
                            </li>
                            <li class="dishes" id="ninth">
                                <img src='../images/gdsxxc.jpg' width=136px height=80px />
                                <span id="one">高等数学下册</span>                               
                                <span id="two">作者：刘芳；出版社：山东大学出版社</span>
                                <span id="three">10(元) </span>
                                <span id="four">8星</span>
                                <span id="five">
                                        <button class="inn" id="order9">点餐</button>
                                        
                                    </span>
                                    <span id="six">
                                            <button class="inn" id="evaluate9">菜品评价</button>
                                    </span>
                                
                            </li>
                            <li class="dishes" id="tenth">
                                <img src='../images/sxjmff.jpg' width=136px height=80px />
                                <span id="one">数学建模方法</span>                              
                                <span id="two">作者：崔浩；出版社：人民出版社</span>
                                <span id="three">18(元) </span>
                                <span id="four">9星</span>
                                <span id="five">
                                        <button class="inn" id="order10">点餐</button>
                                        
                                    </span>
                                    <span id="six">
                                            <button class="inn" id="evaluate10">菜品评价</button>
                                    </span>
                                
                            </li>
                        </div>
                        
                        
     

             
                     
    </ul>
</div>
<script src="../js/universial.js"></script>